<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="../js/common/common.js" type="text/javascript"></script>
  <link rel="stylesheet" type="text/css" href="../css/common/base.css">
  <link rel="stylesheet" type="text/css" href="../css/search/search.css">
  <title>搜索</title>
</head>
<body>
  <!-- 上方的logo -->
  <div id="header"></div>

  <!-- 键盘输入区域 -->
  <div id="searchArea">
    <div id="keywordsShow" class="txtDiv" style="padding-left:0.68em;">KPL</div>
    <div id="line1" class="line"></div>
    <div id="keyboard">
      <div class="keyRow" style="margin:0"><p class="key" id="key_1" style="margin:0">A</p><p class="key" id="key_2">B</p><p class="key" id="key_3">C</p><p class="key" id="key_4">D</p><p class="key" id="key_5">E</p><p class="key" id="key_6">F</p></div>
      <div class="keyRow"><p class="key" id="key_7" style="margin:0">G</p><p class="key" id="key_8">H</p><p class="key" id="key_9">I</p><p class="key" id="key_10">J</p><p class="key" id="key_11">K</p><p class="key" id="key_12">L</p></div>
      <div class="keyRow"><p class="key" id="key_13" style="margin:0">M</p><p class="key" id="key_14">N</p><p class="key" id="key_15">O</p><p class="key" id="key_16">P</p><p class="key" id="key_17">Q</p><p class="key" id="key_18">R</p></div>
      <div class="keyRow"><p class="key" id="key_19" style="margin:0">S</p><p class="key" id="key_20">T</p><p class="key" id="key_21">U</p><p class="key" id="key_22">V</p><p class="key" id="key_23">W</p><p class="key" id="key_24">X</p></div>
      <div class="keyRow"><p class="key" id="key_25" style="margin:0">Y</p><p class="key" id="key_26">Z</p><p class="key" id="key_27">1</p><p class="key" id="key_28">2</p><p class="key" id="key_29">3</p><p class="key" id="key_30">4</p></div>
      <div class="keyRow"><p class="key" id="key_31" style="margin:0">5</p><p class="key" id="key_32">6</p><p class="key" id="key_33">7</p><p class="key" id="key_34">8</p><p class="key" id="key_35">9</p><p class="key" id="key_36">0</p></div>
      <div class="keyRow"><p class="key" id="key_37" style="margin:0">清空</p> <p class="key" id="key_38" style="margin:0">删除</p></div>
    </div>
    <div id="tips">
      <p>请输入视频/专辑的手偶字母进行搜索</p>
      <p>例如：“英雄联盟”输入"YXLM"</p>
    </div>
  </div>

  <!-- 搜索结果列表 -->
  <div id="resArea">
    <div id="ResDiv" class="txtDiv">全部 <p>搜索结果<span id="searchResNum"></span>个</p></div>
    <!-- <div id="ResDiv" class="txtDiv">大家都在搜</div> -->
    <div id="line2" class="line"></div>
    <div id="resContainer">
      <div id="resList"></div>
    </div>
  </div>

  <!-- 推荐位 -->
  <div id="recommendList">
    <div class="txtDiv">大家正在看</div>
    <div id="line3" class="line"></div>
    <div id="searchRec1" class="recDiv"></div>
    <div id="searchRec2" class="recDiv"></div>
    <div id="searchRec3" class="recDiv"></div>
  </div>

</body>
<script type="text/javascript" src="../js/common/ajax.js"></script>
<script type="text/javascript" src="../js/common/classFunc.js"></script>
<script type="text/javascript" src="../js/search/search.js"></script>
<script type="text/javascript" src="../js/common/header.js"></script>
</html>